﻿<div id="sign-in">
    <div class="container" style="margin-top: {{top}}px">
        <div class="user-left">
            <div>
                <img src="/Modules/NineSeas.Dashboard/Content/SignIn/123124.jpg" />
            </div>
            <div class="user-logon-guide">
                <span t="Please enter your username and password.">Please enter your username and password.</span>
                <span><a href="javascript;" t="Register">Register</a> <span t="if you don't have an account.">if you don't have an account.</span></span>
                <span><a href="javascript;" t="Lost your Password?">Lost your Password?</a></span>
            </div>
        </div>
        <div class="user-right">
            <fieldset class="login-form group">
                <legend t="Account Information">Account Information</legend>
                <ol style="margin-bottom: 20px;">
                    <li>
                        <label for="username-email" t="Username">Username</label>
                        <input type="text" id="username-email" data-ng-model="username" />
                    </li>
                    <li>
                        <label for="password" t="Password">Password</label>
                        <input type="password" id="password" data-ng-model="password" />
                    </li>
                </ol>
                <div style="float:left"><input type="checkbox" id="remember-me" data-ng-model="rememberMe" data-ng-true-value="true" data-ng-false-value="false" /><label class="forcheckbox" for="remember-me"><span t="Remember Me">Remember Me</span></label></div>
                <div style="float: right">
                    <button class="btn btn-primary btn-sm" t="Sign In" data-ng-click="submit()">Sign In</button>
                </div>
                <div style="clear: both;"></div>
            </fieldset>
        </div>
        <div style="clear: both;"></div>
    </div>
</div>